<!DOCTYPE html>
<ui:composition template="/master.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

	<ui:define name="content">
		<!--
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<style>
.fondo {
	background-image: url("../../resources/imagenes/fondo_transp.png");
	background-repeat: no-repeat;
	background-position: right;
}
</style>
</h:head>   
<body>
-->

	<p:panel id="basic" header="Registrar Servicio Proveedor" style="width:850px"
		styleClass="fondo">
		
		<h:panelGrid columns="2" cellpadding="5">
				<h:outputLabel for="servicio" value="Servicio:" />
				<p:selectOneMenu value="" style="width:250px">
					<f:selectItem itemLabel="Select One" itemValue="" />
					<f:selectItem itemLabel="Option 1" itemValue="1" />
					<f:selectItem itemLabel="Option 2" itemValue="2" />
				</p:selectOneMenu>
					
						<h:outputLabel for="proveedor" value="Proveedor:" />
				<p:selectOneMenu value="" style="width:250px">
					<f:selectItem itemLabel="Select One" itemValue="" />
					<f:selectItem itemLabel="Option 1" itemValue="1" />
					<f:selectItem itemLabel="Option 2" itemValue="2" />
				</p:selectOneMenu>
				

			<h:outputLabel for="desc" value="Descripción:" />
			<p:inputTextarea rows="3" style="width:100%" />
			
					<h:outputLabel for="menu" value="Foto:" />
			<p:fileUpload value="#{fileUploadView.file}" mode="simple" />
		
		</h:panelGrid>
		
		<br />
		
		<p:panel id="promociones" header="Promociones"
			style="background-color:rgba(0,0,0,0);">
			<h:panelGrid columns="2" cellpadding="5">
				<h:outputLabel for="nombre" value="Promoción:" />
				<p:inputText style="width:160%"></p:inputText>

				<h:outputLabel for="importe" value="Importe:" />
				<p:inputText style="width:160%"></p:inputText>
				
				<h:outputLabel for="descripcion" value="Descripción:" />
				<p:inputText style="width:160%"></p:inputText>
				<br/>

			</h:panelGrid>
			
				<p:commandButton value="Agregar" icon="ui-icon-disk" />
				<br/>

			<br/>
			<p:dataTable var="" value="" rows="5" scrollable="true"
				editable="true" style="width:100%">

				<p:column headerText="Promoción">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="3studio Córdoba" />
						</f:facet>
						<f:facet name="input">
							<p:inputText id="modelInput" value="" style="width:100%" />
						</f:facet>
					</p:cellEditor>
				</p:column>

				<p:column headerText="Descripción">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="Fotografía y video de fiesta, más proyector en la noche del evento" />
						</f:facet>
						<f:facet name="input">
							<p:inputText id="modelInput" value="" style="width:150%" />
						</f:facet>
					</p:cellEditor>
				</p:column>

				<p:column headerText="Importe">
					<p:cellEditor>
						<f:facet name="output">
							<h:outputText value="desde $7000" />
						</f:facet>
						<f:facet name="input">
							<p:inputText id="modelInput" value="" style="width:100%" />
						</f:facet>
					</p:cellEditor>
				</p:column>

				<p:column headerText="Modificar"
					style="width:120px;text-align: center">
					<p:rowEditor />
				</p:column>

				<p:column style="width:100px;text-align: center"
					headerText="Eliminar">
					<p:commandButton update="" oncomplete="" icon="ui-icon-close"
						title="View">
						<f:setPropertyActionListener value="" target="" />
						<p:confirm header="Confirmation" message="Are you sure?"
							icon="ui-icon-alert" />
					</p:commandButton>

					<p:confirmDialog global="true" showEffect="fade" hideEffect="fade">
						<p:commandButton value="Yes" type="button"
							styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
						<p:commandButton value="No" type="button"
							styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
					</p:confirmDialog>

				</p:column>

			</p:dataTable>

		</p:panel>
		
		<br/>
		<p:commandButton value="Guardar" icon="ui-icon-disk" />
	</p:panel>

	</ui:define>
</ui:composition>
